<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 自定义缩略图</title>
<link rel="stylesheet" href="bootstrap/3.3.7/css/bootstrap.min.css">
<script src="jquery/2.1.1/jquery.min.js"></script>
<script src="bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

	<div class="row">
		<div class="col-sm-6 col-md-3">
			<div class="thumbnail">
				<img src="/wp-content/uploads/2014/06/kittens.jpg" alt="通用的占位符缩略图">
				<div class="caption">
					<h3>缩略图标签</h3>
					<p>一些示例文本。一些示例文本。</p>
					<p>
						<a href="#" class="btn btn-primary" role="button"> 按钮 </a> <a
							href="#" class="btn btn-default" role="button"> 按钮 </a>
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-md-3">
			<div class="thumbnail">
				<img src="/wp-content/uploads/2014/06/kittens.jpg" alt="通用的占位符缩略图">
				<div class="caption">
					<h3>缩略图标签</h3>
					<p>一些示例文本。一些示例文本。</p>
					<p>
						<a href="#" class="btn btn-primary" role="button"> 按钮 </a> <a
							href="#" class="btn btn-default" role="button"> 按钮 </a>
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-md-3">
			<div class="thumbnail">
				<img src="/wp-content/uploads/2014/06/kittens.jpg" alt="通用的占位符缩略图">
				<div class="caption">
					<h3>缩略图标签</h3>
					<p>一些示例文本。一些示例文本。</p>
					<p>
						<a href="#" class="btn btn-primary" role="button"> 按钮 </a> <a
							href="#" class="btn btn-default" role="button"> 按钮 </a>
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-6 col-md-3">
			<div class="thumbnail">
				<img src="/wp-content/uploads/2014/06/kittens.jpg" alt="通用的占位符缩略图">
				<div class="caption">
					<h3>缩略图标签</h3>
					<p>一些示例文本。一些示例文本。</p>
					<p>
						<a href="#" class="btn btn-primary" role="button"> 按钮 </a> <a
							href="#" class="btn btn-default" role="button"> 按钮 </a>
					</p>
				</div>
			</div>
		</div>
	</div>

</body>
</html>